<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" th:href="@{/static/favicon.ico}">

    <title>[[#{login.login}]]</title>

    <!-- Bootstrap core CSS -->
    <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet">

</head>


<body style="background: url(/login.jpg) no-repeat center center fixed; background-size: 100%;">

<div class="modal-dialog" style="margin-top: 10%;">
    <div class="modal-content">
        <div class="modal-header">

            <h4 class="modal-title text-center" id="myModalLabel">[[#{login.title}]]</h4>
        </div>
        <div class="modal-body" id="model-body">
            <div class="form-group">

                <input type="text" class="form-control" th:placeholder="#{login.username}" autocomplete="off">
            </div>
            <div class="form-group">

                <input type="password" class="form-control" th:placeholder="#{login.password}" autocomplete="off">
            </div>
            <p style="color: red" th:text="用户名错误" th:if="${not #strings.isEmpty(msg)}"/>
        </div>
        <div class="modal-footer">
            <div class="form-group">
                <button type="button" class="btn btn-primary form-control">[[#{login.login}]]</button>
            </div>
            <div class="form-group">
                <button type="button" class="btn btn-default form-control">[[#{login.register}]]</button>
            </div>

        </div>
    </div>
</div>
<div class="modal-dialog" style="margin-top: 10%;">
    <div class="modal-content">
        <a class="btn btn-sm" th:href="@{hello(l='zh_CN')}">中文</a> <a class="btn btn-sm" th:href="@{hello(l='en_US')}">english</a>
    </div>
</div>
<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
<script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
</body>
</html>